<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>幻雨</title>
    <link rel="stylesheet" media="screen and (max-width: 969px)" href="./css/style_sm.css">
    <link rel="stylesheet" media="screen and (min-width: 970px)" href="./css/style_md.css">
</head>
<body>
    <script src="./others/typed/typed.min.js"></script>
    <script src="./js/jquery/jquery-3.6.0.min.js"></script>
    <script src="./js/index.js"></script>    
    <div id="box">

        <div id="left">
            <a href="http://blog.huanyv.top" id="head"><img src="./img/head.jpg"></a>
            <a href="http://blog.huanyv.top" id="name">幻雨</a>
            <ul id="menu">
                <li id="subMenuHome">HOME</li>
                <li id="subMenuNotes">NOTES</li>
                <li id="subMenuAbout">ABOUT</li>
            </ul>
            <a href="http://blog.huanyv.top" target="_self" id="blog">Blog</a>
        </div>

        <div id="content">
            <div id="home">
                <h1 class="title">WELCOME</h1>
                <div id="typed">
                    <span id="subtitle"></span>
                </div>
            </div>

            <div id="notes">
                <h1 class="title">NOTES</h1>

                <div id="last">
                    <img src="./img/last.png" alt="">
                </div>
                <ul id="list" class="list"></ul>
                <div id="next">
                    <img src="./img/next.png" alt="">
                </div>
            </div>

            <div id="about">
                <h1 class="title">ABOUT</h1>
                <ul class="list">
                    <li><a href="./grammar/docs" target="_blank" id="title">薄冰英语语法</a></li>
                    <li><a href="./cyc" target="_blank" id="title">CYC技术面试必备基础知识</a></li>
                </ul>
            </div>

        </div>
        
    </div>

    <p id="footer">
        © 2022 幻雨
        &nbsp;
        <a href="https://beian.miit.gov.cn/" target="_blank">冀ICP备2022000613号-1</a>
    </p>
    
</body>
</html>
